<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Admin</title>
	
	<link rel="stylesheet" href="../css/style.css" />
	<link rel="stylesheet" href="../css/blog.css" />
	<script src="../js/menu.js"></script>
</head>
<body>

	<div id="header">
		<h1>博客<br> 控制面板</h1>
		<h6>管&nbsp;理&nbsp;员&nbsp;：Veinin<br> 系统时间：2013-5-22</h6>
		<ul id="navigation">
			<li><a href="index.jsp">首页</a></li>
			<li><span class="active">博客</span></li>
			<li><a href="#home">媒体</a></li>
			<li><a href="#portfolio">管理</a></li>
			<li><a class="botTeal" id="botColor2" href="#"><img alt="菜单" src="../image/taskmgr.png"></a></li>
		</ul>
	</div>
	
	<script type="text/javascript">
		$("#botColor2").click(function() {
			$.MetroMenu({
				backicon: "../image/back.png",
				animation: "fadeInUp",
				position: "bottom",
				color1: "#0099CC",
				color2: "#AA66CC",
				withtooltip: true,
				closeonclick: true,
				escclose: true,
				items: [
					{
						name: "写博客",
						icon: "../image/outlook.png",
						link: "#write"
					},
					{
						name: "评论",
						icon: "../image/ps.png",
					},
					{
						name: "管理",
						icon: "../image/control.png",
						items: [
							{
								name: "分类管理",
								icon: "../image/taskmgr.png",
							},
							{
								name: "标签管理",
								icon: "../image/taskmgr.png",
							}
						]
					},
					{
						name: "注销",
						icon: "../image/shut-down.png",
					}
				]
			})
		});
	</script>
	
	<div id="index">
		<h3>BLOG</h3>
	</div>
	
	<div id="condition">
		<form>
			<label>名称：</label> <input type="text"/>
			<label>作者：</label> <input type="text"/>
			<label>类型：</label> 
			<select>
				<option>Java</option>
				<option>C++</option>
				<option>Android</option>
				<option>IT资讯</option>
			</select>
			
			<input type="submit" value="查询"> 
		</form>
	</div>
	
	<div id="blog">
  
  		<table>
   	    <thead>
      		<tr>
       		 	<th>ID</th>
       		 	<th>名称</th>
       		 	<th>作者</th>
      		 	<th>日期</th>
      		 	<th>操作</th>
     		 </tr>
   		</thead>
    	<tbody>
      		<tr>
        		<td>1</td>
        		<td>Mark</td>
        		<td>Otto</td>
        		<td>@mdo</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
     		 <tr>
        		<td>2</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
       		 	<td>3</td>
        		<td>Larry</td>
        		<td>the Bird</td>
        		<td>@twitter</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
     		</tr>
     		<tr>
        		<td>4</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>5</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>6</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>7</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>8</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>9</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>10</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>11</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>12</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>13</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>14</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
      		<tr>
        		<td>15</td>
        		<td>Jacob</td>
        		<td>Thornton</td>
        		<td>@fat</td>
        		<td><a href="#" class="edit">编辑</a>&nbsp;<a href="#" class="delete">删除</a></td>
      		</tr>
    	</tbody>
    	
    	<tfoot>
    		<tr class="pagination">
    			<td colspan="5">
    				<a href="#">&larr;</a>
    				<span>1</span>
    				<a href="#">...</a>
    				<a href="#">5</a>
    				<a href="#">&rarr;</a>
    			</td>
    		</tr>
    	</tfoot>
  		</table>
        
    </div>
	
	<div id="write" class="panel">
		<div class="content">
			<h3>Write</h3>
		</div>
	</div>
	
	<footer>
		<div id="footer">
			<a href="#">&copy; Copyright 2013</a>
		</div>
	</footer>

</body>
</html>